<link rel="stylesheet" href="layui/css/layui.css" media="all" />
<script type="text/javascript" src="layui/layui.js"></script>
<include file="public:header"/>
 <style type="text/css">  
/* start 分页样式 */

.pageers{
    overflow:hidden;
/*    margin:10px 0 50px 100px;*/
    margin-top: -50px;
    float:right;
}

.pageers ul a,.pageers ul span{
    float:left;
    display:inline-block;
    padding: 0 13px;
    height:30px;
    width:auto;
    border:1px solid #DDDDDD;
    border-radius: 4px;
    background:#fff;
    text-align:center;
    line-height:30px;
    margin-right:5px;
    font-family: "microsoft yahei" simhei sans-serif;
    color:#7d7d7d;
}

.pageers ul a:hover{
    background:#337AB7;
    color:#fff;
    text-decoration:none;
}

.pageers ul span.current{
    background: #337AB7;
    color:#fff;
}


.pageers ul a:first,.pageers ul a:last{
    float:right;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align:center;
    line-height:30px;
    margin-right:10px;
    font-family: "microsoft yahei" simhei sans-serif;
}

#pageTips {
padding-top: 40px;
}

table{
    font-size: 12px;
}
/* end 分页样式 */
</style>
<!-- Page -->
<style type="text/css">
    h5{ line-height:30px; }
    .table-detail thead tr th{ background-color:#f5f6fa; border-bottom:1px solid #e1e6eb; color:#999; font-weight:normal; padding:8px; }
</style>
<div class="page animsition" style="animation-duration: 800ms; opacity: 1;">
    <div class="page-content padding-30 container-fluid">
        <div class="row" data-plugin="matchHeight" data-by-row="true">
            <div class="example-wrap">
                <div class="nav-tabs-horizontal nav-tabs-inverse">
                    <ul id="nav" class="nav nav-tabs nav-tabs-solid" data-plugin="nav-tabs" role="tablist">
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="order_tab" role="tabpanel">
                            <div class="pull-left">
                                    <a href="{:U('home/recharge/index')}" class="btn btn-danger" target="_blank">
                                        <i class="icon wb-plus" aria-hidden="true"></i> 创建专有网络
                                    </a>
                            </div>
                            <form action="{:U('console/recharge')}" method="post" class="form-inline text-right">
                                <div class="form-group">
                                        <input type="text" value='{$Think.post.keyword}' class="form-control" name="keyword" placeholder="请输入名称或ID进行精确查询" style="width:200px;">
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary btn-outline" id="trues">搜索</button>
                                </div>
                            </form>
                            <table class="table table-hover" data-selectable="selectable" data-row-selectable="true" data-page-size="10">
                                <thead>
                                <tr>
                                    <th class="width-50"> <span class="checkbox-custom checkbox-default">
                                      <input class="selectable-all" type="checkbox">
                                      <label></label>
                                      </span></th>
                                    <th>实例ID/名称</th>
                                    <th>目标网段</th>
                                    <th class="hidden-xs">状态</th>
                                    <th class="hidden-xs">默认专有网络</th>
                                    <th class="hidden-xs">路由表</th>
                                    <th class="hidden-xs">交换机</th>
                                    <th>资源组</th>
                                    <th> 操作</th>
                                </tr>
                                </thead>
                                <tbody id="order_list">
                                    <foreach name="orderlist" item="vo">
                                        <tr>
                                            <td>
                                                <span class="checkbox-custom checkbox-default">
                                                    <input class="selectable-item" type="checkbox" id="row-619" value="619">
                                                    <label for="row-619"></label>
                                                </span>
                                            </td>
                                            <td>{$vo.id}</td>
                                            <td>{$vo.orderid}</td>
                                            <td>{$vo.money}</td>
                                            <td>{$vo.starttime|date="Y-m-d H:i:s",###}</td>
                                            <td>
                                                <if condition="$vo.state eq 1">
                                                    {$vo.endtime|date="Y-m-d H:i:s",###}
                                                </if>
                                            </td>
                                            <td>
                                                <if condition="$vo.state eq 1">
                                                    <span style="color: red">已支付</span>
                                                <else/>
                                                    未支付    
                                                </if>
                                            </td>
                                            <td>
                                                <if condition="$vo.pay eq 1">
                                                    微信
                                                <else/>
                                                    支付宝    
                                                </if> 
                                            </td>
                                            <td>
                                                <div class="dropdown pull-left"><a href="javascript:void(0);">管理</a>
                                                <div class="dropdown pull-left"><a href="javascript:void(0);">删除</a>
                                            </td>
                                        </tr>
                                    </foreach>
                                </tbody>
                            </table>
                            <br>
                            <br>
                            <div class="pageers">
                                <ul>
                                   {$show}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<inclde file="public:footer"/>

